<template>
    <view>
        <test :title="title" @myEven="getNum">{{num}}</test>
        <test-a></test-a>
        <test-b></test-b>
        <uni-calendar
            :inset="true"
            :lunar="true"
            :start-date="2010-3-2"
            :end-date="2019-5-20"
            @change="change"
        ></uni-calendar>
        <view>
            <view>1.容器组件</view>
            <view class="smart-item" @click="goDetailPage('view')"><text>view视图</text></view>
            <view class="smart-item" @click="goDetailPage('scroll-view')"><text>scroll-view视图</text></view>
            <view class="smart-item" @click="goDetailPage('swiper')"><text>swiper视图</text></view>
        </view>
        <view>
            <view>2.基础内容</view>
            <view class="smart-item" @click="goDetailPage('text')"><text>text文本编辑</text></view>
            <view class="smart-item" @click="goDetailPage('rich-text')"><text>rich-text文本编辑</text></view>
            <view class="smart-item" @click="goDetailPage('process')"><text>process进度条</text></view>
        </view>
        <view>
            <view>3.表单组件</view>
            <view class="smart-item" @click="goDetailPage('button')">button按钮</view>
            <view class="smart-item" @click="goDetailPage('radio')">radio单选按钮</view>
            <view class="smart-item" @click="goDetailPage('input')">input输入控件</view>
            <view class="smart-item" @click="goDetailPage('picker')">picker选择列表</view>
            <view class="smart-item" @click="goDetailPage('slider')">slider滑块</view>
            <view class="smart-item" @click="goDetailPage('switch')">switch开关</view>
            <view class="smart-item" @click="goDetailPage('textarea')">textarea多行文本</view>
            <view class="smart-item" @click="goDetailPage('checkbox')">checkbox多选框</view>
            <view class="smart-item" @click="goDetailPage('form')">form表单</view>
        </view>
        <view>
            <view>4.媒体组件</view>
            <view class="smart-item" @click="goDetailPage('image')">image图片</view>
            <view class="smart-item" @click="goDetailPage('audio')">audio音频</view>
            <view class="smart-item" @click="goDetailPage('video')">video视频</view>
        </view>
        <view>
            <view>5.地图组件</view>
            <view class="smart-item" @click="goDetailPage('map')">map地图</view>
        </view>
    </view>
</template>
<script>
import Test from '../../../components/test.vue';
import test from '../../../components/test.vue'
import testA from '../../../compponents/a.vue'
import testB from '../../../components/b.vue'
import uniClendar from '@/components/uni-calendar/uni-calendar.vue'

    export default{
        data(){
            return {

            }
        },
        components:{
            test,
            'test-a':testA,
            'test-b':testB,
            uniCalendar
        },
        methods:{
            goDetailPage(e){
                console.log(e)
                uni.navigateTo({
                    url:'/pages/components/' + e + '/' + e,
                })
            }
        }
    }
</script>